<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <!-- 初始化 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共css -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入自己css -->
    <link rel="stylesheet" href="./css/register.css">
    <script src="./js/common.js"></script>
    <!-- 引入自己js -->
    <script src="./js/register.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <!-- 版心 -->
        <div class="wrap clearfix headerBox">
            <!-- 头部logo -->
            <div class="headerLogo registerlogo fl">
                    <div class="registerlogo-img"></div>
                    <div class="registerlogo-text">  注册</div>
            </div>
            <!-- 左侧legou.cn -->
            <div class="headerText fl">legochina.cn</div>
            <!-- 右侧登录 -->
            <div class="headerLogin fr">
                <!-- span贴紧不能换行，不然字间距变大了 -->
                <span>欢迎光临</span>
                <span class="link-homepage ">乐购</span>
                <span>,请</span>
                <span class="link-login">登录/</span>
                <span class="link-regist ">注册</span>
            </div>
        </div>
    </div>
    <!--  欢迎注册-->
    <div class="registerHeader">
        <!-- 版心 -->
        <div class="wrap clearfix">
            <div class="registerTitleBig fl">
                欢迎注册
            </div>
            <div class="registerTitleSmall fr ">
                <span>已有账号，请</span>
                <a class="registerText" href="#./login.html">登陆</a>
            </div>
        </div>
    </div>
    <!-- 主体内容 -->
    <div id="main">
        <!-- input盒子 -->
        <div class="inpBox">
            <div class="inp-item">
                <span>用户名</span>
                <input type="text" id="name" placeholder="您的账号名和登录名">
            </div>
            <div class="inp-item">
                <span>设置密码</span>
                <input type="password" id="pwd" placeholder="建议设置两种字符密码">
            </div>
            <div class="inp-item">
                <span>确认密码</span>
                <input type="password" id="pwd1" placeholder="再次输入密码">
            </div>
            <div class="inp-item">
                <span>中国+86 </span>
                <input type="text" id="tell" placeholder="建议使用常用手机号">
            </div>
            <div class="inp-item">
                <span>验证码</span>
                <input type="text" id="captcha" placeholder="请输入验证码">
                <img src="./images/vcode.jpg">
            </div>
            <div class="inp-item">
                <span>手机验证码</span>
                <input type="text" id="tellCaptcha" placeholder="输入手机验证码">
                <div class="getVcode">获取验证码</div>
            </div>
            <button class="registerNow">立即注册</button>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="footer " class="mat50 footer">
        <!-- 公司简介 -->
        <div class="bottom-bottom">
            <div class="bot-bot-top">
                公司简介 &emsp; | &emsp; Investor Relations &emsp; | &emsp; 网站联盟&emsp; | &emsp;乐购招商&emsp; | &emsp; 机构销售 &emsp; | &emsp;手机乐购&emsp;
                | &emsp; 官方Blog &emsp; | &emsp;热词搜索
            </div>
            <div class="bot-bot-bot">
                Copyright (C) 乐购网 2004-2016, All Rights Reserved
            </div>
        </div>
    </div>
    <!-- 蒙层 -->
    <div class="msgoutBox">
        <div class="msgBox">
             <div class="msg">
                注册成功<span>2</span>s 后跳转登录页!
             <button class='close' >关闭</button>
            </div>
        </div>
           
    </div>


</body>

</html>